import data from '../data/data.js'
$(function () {
    // 模拟器中的数据结束
    init(data)

    function init(data) {
        getShuXin()
        getZhanWei()
        getRenwu(data)
    }
    var result = []
    var obj = {}
    var arr1 = []
    var arr2 = []
    var arr3 = null
    var flag = false
    var shu_ = ""
    var test = ""

    function getShuXin(arr1) {
        // 属性部分
        // console.log(arr1)
        var arrr = []
        var a = 0
        var b = 0
        var c = 0
        var d = 0
        var e = 0
        var f = 0
        var g = 0
        var h = 0
        var i = 0
        var j = 0
        var k = 0
        var l = 0
        var m = 0
        var n = 0
        var o = 0
        var p = 0
        var q = 0
        var r = 0
        var s = 0
        var t = 0
        var u = 0
        var v = 0
        var w = 0
        var x = 0
        var y = 0
        var z = 0
        if (arr1) {
            for (var i = 0; i < arr1.length; i++) {
                // if(arr1[i] == '1'){
                //     a++
                //     // if(a != 0) {
                //     //     arrr.splice(A,1)
                //     //     arrr.push({s: `(${})帝国`})
                //     //     A = i
                //     // }else {
                //     //     arrr.push({s: `(${++a})帝国`})
                //     //     A = i
                //     // }

                //     // arr1[i].splice(0,1,{s: `(${++a})帝国`})
                //     // console.log(arr1[i])
                // }
                // if(arr1[i] == '2'){
                //      b++
                //     // if(b != 0) {
                //     //     arrr.splice(B,1)
                //     //     arrr.push({s: `(${++b})极地`})
                //     //     B = i
                //     // }else {
                //     //     arrr.push({s: `(${++b})极地`})
                //     //     B = i
                //     // }

                // }
                switch (arr1[i]) {
                    case "1":
                        // arr1.push({
                        //     s: "帝国",
                        // })
                        a++
                        break
                    case "2":
                        // arr1.push({
                        //     s: "极地",
                        // })
                        b++
                        break
                    case "3":
                        // arr1.push({
                        //     s: "恶魔",
                        // })
                        c++
                        break
                    case "4":
                        // 贵族
                        d++
                        break
                    case "5":
                        // 海盗
                        e++
                        break
                    case "6":
                        // 暗影
                        f++
                        break
                    case "7":
                        // 机器人
                        g++
                        break
                    case "8":
                        // 浪
                        h++
                        break
                    case "9":
                        // 龙
                        x++
                        break
                    case "10":
                        // 忍者
                        j++
                        break
                    case "11":
                        // 虚空
                        k++
                        break
                    case "12":
                        // 狂野
                        l++
                        break
                    case "13":
                        // 约德尔人
                        m++
                        break
                    case "14":
                        // 刺客
                        n++
                        break
                    case "15":
                        // 斗士
                        o++
                        break
                    case "16":
                        // 法师
                        p++
                        break
                    case "17":
                        // 换形师
                        q++
                        break
                    case "18":
                        // 剑士
                        r++
                        break
                    case "19":
                        // 骑士
                        s++
                        break
                    case "20":
                        // 枪手
                        t++
                        break
                    case "21":
                        // 护卫
                        u++
                        break
                    case "22":
                        // 游侠
                        v++
                        break
                    default:
                        // 元素师
                        w++
                }

            }

            // unique1(arr1)
            // console.log(a+b)

            for (var i = 0; i < unique1(arr1).length; i++) {
                if (unique1(arr1)[i] == '1') {
                    if (a == 2) {
                        arrr.push({
                            s: `(${a})帝国(加成)`
                        })
                    } else if (a == 3) {
                        arrr.push({
                            s: `(${a})帝国(加成)`
                        })
                    } else if (a == 4) {
                        arrr.push({
                            s: `(${a})帝国(顶级加成)`
                        })
                    } else {
                        arrr.push({
                            s: `(${a})帝国`
                        })
                    }
                } else if (unique1(arr1)[i] == '2') {
                    arrr.push({
                        s: `(${b})极地`
                    })
                }
                if (unique1(arr1)[i] == '3') {
                    arrr.push({
                        s: `(${c})恶魔`
                    })
                }
                if (unique1(arr1)[i] == '4') {
                    arrr.push({
                        s: `(${d})贵族`
                    })
                }
                if (unique1(arr1)[i] == '5') {
                    arrr.push({
                        s: `(${e})海盗`
                    })
                }
                if (unique1(arr1)[i] == '6') {
                    arrr.push({
                        s: `(${f})暗影`
                    })
                }
                if (unique1(arr1)[i] == '7') {
                    arrr.push({
                        s: `(${g})机器人`
                    })
                }
                if (unique1(arr1)[i] == '8') {
                    arrr.push({
                        s: `(${h})浪人`
                    })
                }
                if (unique1(arr1)[i] == '9') {
                    arrr.push({
                        s: `(${x})龙`
                    })
                }
                if (unique1(arr1)[i] == '10') {
                    arrr.push({
                        s: `(${j})忍者`
                    })
                }
                if (unique1(arr1)[i] == '11') {
                    arrr.push({
                        s: `(${k})虚空`
                    })
                }
                if (unique1(arr1)[i] == '12') {
                    arrr.push({
                        s: `(${l})狂野`
                    })
                }
                if (unique1(arr1)[i] == '13') {
                    arrr.push({
                        s: `(${m})约德尔人`
                    })
                }
                if (unique1(arr1)[i] == '14') {
                    arrr.push({
                        s: `(${n})刺客`
                    })
                }
                if (unique1(arr1)[i] == '15') {
                    arrr.push({
                        s: `(${o})斗士`
                    })
                }
                if (unique1(arr1)[i] == '16') {
                    arrr.push({
                        s: `(${p})法师`
                    })
                }
                if (unique1(arr1)[i] == '17') {
                    arrr.push({
                        s: `(${q})换形师`
                    })
                }
                if (unique1(arr1)[i] == '18') {
                    arrr.push({
                        s: `(${r})剑士`
                    })
                }
                if (unique1(arr1)[i] == '19') {
                    arrr.push({
                        s: `(${s})骑士`
                    })
                }
                if (unique1(arr1)[i] == '20') {
                    arrr.push({
                        s: `(${t})枪手`
                    })
                }
                if (unique1(arr1)[i] == '21') {
                    arrr.push({
                        s: `(${u})护卫`
                    })
                }
                if (unique1(arr1)[i] == '22') {
                    arrr.push({
                        s: `(${v})游侠`
                    })
                }
                if (unique1(arr1)[i] == '23') {
                    arrr.push({
                        s: `(${w})元素师`
                    })
                }
            }
        } else {
            arrr = []
        }
        // arr2 = []
        // console.log(arrr)
        // console.log(arr1)

        var html = template("shuxins", {
            arrr
        })
        $(".shuxin").html(html)
    }

    function getZhanWei(result) {
        // 占位部分

        var html = template("zhanweis", {
            result
        })
        $(".zhanwei").html(html)
        // console.log($('.zhanwei button').data())
        if ($('.zhanwei button').data()) {
            console.log($('.zhanwei').children())
            shu_ = ""
            for (var i = 0; i < $('.zhanwei').children().length; i++) {

                shu_ += "," + $('.zhanwei').children()[i].dataset.id
            }
            console.log(shu_)
            // shu_ = $('.zhanwei button').data().id
            // shu_ += ","+$('.zhanwei button').data().id
            shu_ = shu_.split(',')
            // if(!flag){
            shu_.shift()
            flag = true
            // }
            console.log(shu_)
            // console.log(shu_)
            // $('.zhanwei button').data().id = $('.zhanwei button').data().id.join(",")
            // shu_.push(shu_)
            // console.log(shu_)
            // console.log(shu_)

            // for (var i = 0; i < shu_.length; i++) {
            //     // console.log(shu_[i])
            //     switch(shu_[i]) {
            //         case "1":
            //             arr1.push({
            //                 s: "帝国",
            //             })
            //             break
            //         case "2":
            //             arr1.push({
            //                 s: "极地",
            //             })

            //             break
            //         case "3":
            //             arr1.push({
            //                 s: "恶魔",
            //             })
            //             break
            //         case "4":
            //             贵族
            //             break
            //         case "5":
            //             海盗
            //             break
            //         case "6":
            //             暗影
            //             break
            //         case "7":
            //             机器人
            //             break
            //         case "8":
            //             浪
            //             break
            //         case "9":
            //             龙
            //             break
            //         case "10":
            //             忍者
            //             break
            //         case "11":
            //             虚空
            //             break
            //         case "12":
            //             狂野
            //             break
            //         case "13":
            //             约德尔人
            //             break
            //         case "14":
            //             刺客
            //             break
            //         case "15":
            //             斗士
            //             break
            //         case "16":
            //             法师
            //             break
            //         case "17":
            //             换形师
            //             break
            //         case "18":
            //             剑士
            //             break
            //         case "19":
            //             骑士
            //             break
            //         case "20":
            //             枪手
            //             break
            //         case "21":
            //             护卫
            //             break
            //         case "22":
            //             游侠
            //             break
            //         default:
            //             元素师
            //     }
            // }
            getShuXin(shu_)
        } else {
            getShuXin()
        }
        $('.zhanwei button').on('click', function () {
            // console.log(result)
            for (var i = 0; i < result.length; i++) {
                console.log(result[i].r)
                if (result[i].r == this.innerText) {
                    // console.log(result)
                    result.splice(i, 1)
                    obj[arr2[i].r] = false;
                }
            }
            // var arr2_ = arr2.length
            // var this_ = this.innerText
            var arr2Index = []
            for (var i = 0; i < arr2.length; i++) {
                // console.log(arr2)
                if (arr2[i].r == this.innerText) {
                    // console.log(arr2)
                    // arr2.splice(i, 1)
                    arr2Index.push(i)
                }
            }
            // console.log(arr2Index)
            for (var i = arr2Index.length; i > 0; i--) {
                // console.log(arr2Index[i])   
                arr2.splice(arr2Index[i - 1], 1)
            }
            // console.log(arr2)
            getZhanWei(result)

        })

    }

    function getRenwu(data) {
        // 人物部分 
        var arr3 = data
        // console.log(data)
        var html = template("renwus", {
            arr3
        })
        $(".renwu").html(html)
    }
    $(".scrolls .rwa").on("click", function () {
        // console.log($(this)[0].nextElementSibling)
        $($(this)[0].nextElementSibling).toggle(500)
    })

    $(".scrolls .rwd button").click(function () {
        
        // console.log($(this).text())
        // console.log($(this).data().id)
        arr2.push({
            r: $(this).text(),
            s: $(this).data().id
            // s: "1,2,3"
        })
        
        arr2 = deteleObject(arr2)
        // console.log(arr2)
        // arr2 = unique1(arr2)
        // var obj = {};
        // result = arr2.reduce(function(item, next) {
        // obj[next.r] ? '' : obj[next.r] = true && item.push(next);
        // return item;
        // }, []);

        for (var i = 0; i < arr2.length; i++) {
            if (!obj[arr2[i].r]) {
                // if(arr2[i].r != result[i].r){
                // console.log(!obj[arr2[i].r])
                result.push(arr2[i]);
                obj[arr2[i].r] = true;
            }
        }
        console.log(result)
        if (result.length > 21) {
            result = result.slice(0, 21)
        }
        getZhanWei(result)
        // if(flag){

        // flag = false
        // }


    })
    $('.dingwei button').click(function () {
        for (var i = 0; i < arr2.length; i++) {
            obj[arr2[i].r] = false;
        }
        arr2 = []
        result = []
        // obj[arr2[0].r] = false;
        getZhanWei(result)
    })
    // var arr4=["诺手","诺手","卡特"];
    function unique1(arr) {
        var hash = [];
        for (var i = 0; i < arr.length; i++) {
            if (hash.indexOf(arr[i]) == -1) {
                hash.push(arr[i]);
            }
        }
        return hash;
    }
    function deteleObject(obj) {
        var uniques = [];
        var stringify = {};
        for (var i = 0; i < obj.length; i++) {
            var keys = Object.keys(obj[i]);
            keys.sort(function(a, b) {
                return (Number(a) - Number(b));
            });
            var str = '';
            for (var j = 0; j < keys.length; j++) {
                str += JSON.stringify(keys[j]);
                str += JSON.stringify(obj[i][keys[j]]);
            }
            if (!stringify.hasOwnProperty(str)) {
                uniques.push(obj[i]);
                stringify[str] = true;
            }
        }
        uniques = uniques;
        return uniques;
    }
    // console.log(unique1(arr4))

})